﻿/***	
* date：2018.1.31
* name: 首页的详细样式
* author：hj
* remarks：null
*/

body{background: #F6F6F6;}


/* mainWrao 页面主体*/
/* 左产品导航 */
.subProductNav{
	width: 190px;height: 480px;background: #6E6568;float: left;
	position: relative;
}
.subProductNav li{
	clear:both;height:30px;width: 178px;padding-left: 12px;
	font-size: 14px;color: #fff;text-align: left; 
	cursor: pointer;margin-top: 5px;
}
.subProductNav li:hover{
	background: #ddd;color:#6E6568; 
}
.subProductNav ul{
	display: block;margin-top: 16px;
}
/* 首页产品导航条li弹出菜单*/
.popUpDiv{
	width: 200px;height: 100px;background: #fff;
	position: absolute;top: -0;right:-200px;
	display: none;z-index: 3;margin-top: 16px;
}
.popUpDiv li{
	clear: both;width:100px;height:30px;background:#fff;color: #000;
	font-size: 14px;line-height: 30px;margin-top: 0;

}
.popUpDiv ul{
	margin: 0;display: block;
}
/*.subProductNav li:hover .popUpDiv{
   display: block;
}*/
/* 轮播图 */
.sliderWrap{
	width: 996px;height: 341px;overflow: hidden;float: right;
	position: relative;margin-bottom: 8px;
}
.sliderWrap ul#imgId{
	height: 341px;overflow: hidden;
	position: absolute;top: 0;left: 0;
}
.sliderWrap li{
	float: left;width: 996px;height: 341px;
}
.sliderWrap img{
	width: 996px;height: 341px;
}
/* 左右按钮 */
.sliderWrap label,.sliderWrap span{
	width: 37px;height: 83px;background: #000;
	opacity: 0.7;color: #fff;text-align: center;
	line-height: 83px;font-size: 14px;
	position: absolute;top: 139px;
	display: block;cursor: pointer;
}
.sliderWrap label{ left:0;z-index: 2;}
.sliderWrap span{right: 0;z-index: 2;}
.sliderWrap label:hover,.sliderWrap span:hover{
	opacity: 0.4;
}
/* sliderPointerWrap小白点 */
.sliderPointerWrap{
	height: 22px;
	border-radius: 10px;
	position: absolute;left: 50%;bottom: 20px;
     padding-left:10px;z-index: 2;
}
.sliderPointerWrap li{
	width: 15px;height: 15px;background: #fff;
	border-radius: 100px;float: left;
	margin:4px 12px 0 0px;cursor: pointer;

}
.sliderPointerWrap li.redli{
	  background: #f00;
}
.sliderPointerWrap li:hover{
   background: #f00; 
}
/* 半透明背景 */
.sliderPointerWrapBg{
	height: 22px;
	border-radius: 10px;background: #fff;
	position: absolute;left:50%;bottom: 20px;
    padding-left:10px;opacity: 0.3;z-index: 1;
}
	/* adWrap */
.adWrap{
	width: 996px;height: 131px;
	float: right;overflow: hidden;
}	
.adWrap img{
	width: 996px;height: 131px;
}
/* 产品列表 */
.productListWrap{
	
}
.goodsListTitle{
	width: 1192px;height: 45px;text-align: center;
	background: url("../../image/icon_1.jpg") repeat-x center 20px;

}
h1.title{
	padding:0 28px;height: 45px;line-height: 45px;
	font-size: 24px;display: inline;
	color: #000;
	background: #F6F6F6;
}
/* 享品质 goodsWrap */
.goodsWrap{
	width: 380px;height: 170px;float: left;
	background-position:center right;
	background-repeat:no-repeat; 
}
/* 不同的背景图 */
.gw_bgimg_1{
	background-image: url("../../image/icon_2.png");
}
.gw_bgimg_2{
	background-image: url("../../image/icon_3.png"); 
}
.gw_bgimg_3{
	background-image: url("../../image/icon_4.png"); 
}
/* 不同的背景色 */
.gw_bgcolor_1{
	background-color: #E8D2BC;
}
.gw_bgcolor_2{
	background-color: #C4DAE0;
}
.gw_bgcolor_3{
	background-color: #AFABB6;
}
.goodsWrap dl{
	width: 136px;height: 170px;overflow: auto;
}
/* 不同的dl的背景色 */
.goodsWrap dl.bg_1{background:#D78E28;}
.goodsWrap dl.bg_2{background: #498c94;}
.goodsWrap dl.bg_3{background: #5C5566;}
.goodsWrap dl dt{
	width: 97px;height: 40px;color: #fff;font-size:20px;line-height: 40px;
	border-top:2px solid #fff;border-bottom:2px solid #fff;
	margin: 0 auto;margin-top:45px; 
	text-align: center;
}
.goodsWrap dl dd{
	width: 100px;margin: 0 auto;color: #fff;font-size: 12px;
	line-height: 24px;margin-top:10px;
}
